<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<!--















THIS IS THE DEMO VERSION OF THE TEMPLATE!
COMMENTS ARE REMOVED, CODE IS COMPRESSED IN MANY PLACES AND CODE STYLE IS ALTERED!


IN THE FULL VERSION, THE CODE IS INDENTED CORRECTLY AND WELL COMMENTED!


THANKS FOR HAVING A LOOK!
















-->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>uAdmin - Professional, Responsive and Flat Admin Template</title>
<meta name="description" content="uAdmin is a Professional, Responsive and Flat Admin Template created by pixelcave and published on Themeforest" />
<meta name="author" content="pixelcave" />
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="apple-touch-icon" href="img/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-57x57-precomposed.png" />
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72-precomposed.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic" />       
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/plugins.css" />
<link rel="stylesheet" href="css/main.css" />
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="page-container">
<header class="navbar navbar-inverse">
<div class="navbar-inner remove-radius remove-box-shadow">
<div class="container-fluid">
<ul class="nav pull-right visible-phone visible-tablet">
<li class="divider-vertical remove-margin"></li>
<li>
<a href="javascript:void(0)" data-toggle="collapse" data-target=".nav-collapse">
<i class="icon-reorder"></i>
</a>
</li>
</ul>
<a href="index.php" class="brand"><img src="img/template/logo.png" alt="logo" /></a>
<div id="loading" class="hide pull-left"><i class="icon-certificate icon-spin"></i></div>
<ul id="widgets" class="nav pull-right">
<li class="divider-vertical remove-margin"></li>
<li id="rss-widget" class="dropdown dropdown-left-responsive">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-rss"></i>
<span class="badge badge-warning display-none"></span>
</a>
<ul class="dropdown-menu widget widget-fluid">
<li class="widget-heading text-center">Web Design</li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-umbrella"></i>This is a headline</a></li>
<li class="divider"></li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-trophy"></i>Another headline</a></li>
<li class="divider"></li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-suitcase"></i>Headlines keep coming!</a></li>
<li class="widget-heading text-center">Web Developent</li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-phone"></i>New headline</a></li>
<li class="divider"></li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-pencil"></i>Another one</a></li>
<li class="divider"></li>
<li><a href="javascript:void(0)" class="text-center">All News</a></li>
</ul>
</li>
<li class="divider-vertical remove-margin"></li>
<li id="twitter-widget" class="dropdown dropdown-left-responsive">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-twitter"></i>
<span class="badge badge-info display-none"></span>
</a>
<ul class="dropdown-menu widget">
<li class="widget-heading"><i class="icon-comments-alt pull-right"></i>Latest Tweets</li>
<li class="li-hover">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_dark_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Michael</a><span class="label label-info">just now</span></h6>
<div class="media">Web design all the way!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li class="li-hover">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_dark_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Monica</a><span class="label label-info">3 min ago</span></h6>
<div class="media">Download free PSDs at <a href="http://bit.ly/YUs4SQ" target="_blank">http://bit.ly/YUs4SQ</a></div>
</div>
</div>
</li>
<li class="divider"></li>
<li class="li-hover">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_dark_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Steven</a><span class="label label-info">45 min ago</span></h6>
<div class="media">Be sure to check out my portfolio!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li class="li-hover">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_dark_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Tim</a><span class="label label-info">1 hour ago</span></h6>
<div class="media">Get all our themes for free for the next 2 hours! <a href="javascript:void(0)">#freebies</a></div>
</div>
</div>
</li>
</ul>
</li>
<li class="divider-vertical remove-margin"></li>
<li id="messages-widget" class="dropdown dropdown-left-responsive">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-envelope"></i>
<span class="badge badge-success">1</span>
</a>
<ul class="dropdown-menu widget pull-right">
<li class="widget-heading"><i class="icon-comment pull-right"></i>Latest Messages</li>
<li class="new-on">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">George</a><span class="label label-success">2 min ago</span></h6>
<div class="media">Thanks for your help! The tutorial really helped me a lot!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li>
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Mike</a><span class="label">6 hours ago</span></h6>
<div class="media">The logo is ready, have a look and let me know what you think!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li>
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Julia</a><span class="label">1 day ago</span></h6>
<div class="media">We should better consider our social media marketing strategy!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li class="text-center"><a href="javascript:void(0)">View All Messages</a></li>
</ul>
</li>
<li class="divider-vertical remove-margin"></li>
<li id="notifications-widget" class="dropdown dropdown-center-responsive">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-flag"></i>
<span class="badge badge-important">1</span>
<span class="badge badge-warning">2</span>
</a>
<ul class="dropdown-menu widget">
<li class="widget-heading"><a href="javascript:void(0)" class="pull-right widget-link"><i class="icon-cog"></i></a><a href="javascript:void(0)" class="widget-link">System</a></li>
<li>
<ul>
<li class="label label-important">20 min ago</li>
<li class="text-error">Support system is down for maintenance!</li>
</ul>
</li>
<li>
<ul>
<li class="label label-warning">3 hours ago</li>
<li class="text-warning">PHP upgrade started!</li>
</ul>
</li>
<li>
<ul>
<li class="label label-warning">5 hours ago</li>
<li class="text-warning"><a href="javascript:void(0)" class="widget-link">1 support ticket</a> just opened!</li>
</ul>
</li>
<li class="widget-heading"><a href="javascript:void(0)" class="pull-right widget-link"><i class="icon-bookmark"></i></a><a href="javascript:void(0)" class="widget-link">Project #3</a></li>
<li>
<ul>
<li class="label label-success">3 weeks ago</li>
<li class="text-success">Project #3 <a href="javascript:void(0)" class="widget-link">published</a> successfully!</li>
</ul>
</li>
<li>
<ul>
<li class="label label-info">1 month ago</li>
<li class="text-info">Milestone #3 achieved!</li>
<li class="text-info"><a href="javascript:void(0)" class="widget-link">John Doe</a> joined the project!</li>
</ul>
</li>
<li>
<ul>
<li class="label">1 year ago</li>
<li class="text-muted">This is an old notification</li>
</ul>
</li>
<li class="divider"></li>
<li class="text-center"><a href="javascript:void(0)">View All Notifications</a></li>
</ul>
</li>
<li class="divider-vertical remove-margin"></li>
<li class="dropdown dropdown-user">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"><img src="img/template/avatar.png" alt="avatar" /> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0)" class="loading-on"><i class="icon-refresh"></i> Refresh</a>
</li>
<li class="divider"></li>
<li>
<a href="#modal-user-settings" role="button" data-toggle="modal"><i class="icon-user"></i> User Profile</a>
</li>
<li>
<a href="javascript:void(0)"><i class="icon-wrench"></i> App Settings</a>
</li>
<li class="divider"></li>
<li>
<a href="page_login.php"><i class="icon-lock"></i> Log out</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</header>
<div id="inner-container"><aside id="page-sidebar" class="nav-collapse collapse">
<form id="sidebar-search" method="post" onsubmit="return false;" />
<div class="input-append">
<input type="text" placeholder="Search.." class="remove-box-shadow remove-transition remove-radius" />
<button><i class="icon-search"></i></button>
</div>
</form>
<nav id="primary-nav">
<ul>
<li>
<a href="index.php"><i class="icon-fire"></i>Dashboard</a>
</li>
<li>
<a href="#"><i class="icon-magic"></i>UI Elements</a>
<ul>
<li>
<a href="page_ui_general.php"><i class="icon-star"></i>General</a>
</li>
<li>
<a href="page_forms.php"><i class="icon-th-list"></i>Forms</a>
</li>
<li>
<a href="page_tables.php"><i class="icon-table"></i>Tables</a>
</li>
</ul>
</li>
<li>
<a href="#"><i class="icon-leaf"></i>Components</a>
<ul>
<li>
<a href="page_charts.php"><i class="icon-bar-chart"></i>Charts</a>
</li>
<li>
<a href="page_calendar.php"><i class="icon-calendar"></i>Calendar</a>
</li>
<li>
<a href="page_datatables.php"><i class="icon-th"></i>DataTables</a>
</li>
</ul>
</li>
<li>
<a href="page_typography.php"><i class="icon-font"></i>Typography</a>
</li>
<li>
<a href="page_gallery.php"><i class="icon-picture"></i>Gallery</a>
</li>
<li class="active">
<a href="#"><i class="icon-tint"></i>Icons</a>
<ul>
<li>
<a href="page_fontawesome.php" class="active">FontAwesome</a>
</li>
<li>
<a href="page_gemicon.php">Gemicon</a>
</li>
</ul>
</li>
<li>
<a href="#"><i class="icon-file-alt"></i>Pages</a>
<ul>
<li>
<a href="page_profile.php">Profile</a>
</li>
<li>
<a href="page_faq.php">Faq</a>
</li>
<li>
<a href="page_errors.php">Errors</a>
</li>
<li>
<a href="page_blank.php">Blank</a>
</li>
</ul>
</li>
<li>
<a href="page_login.php"><i class="icon-off"></i>Login Page</a>
</li>
</ul>
</nav>
</aside><div id="page-content">
<ul id="nav-info" class="clearfix">
<li><a href="index.php"><i class="icon-home"></i></a></li>
<li><a href="javascript:void(0)">Icons</a></li>
<li class="active"><a href="">FontAwesome</a></li>
</ul>
<h3 class="page-header page-header-top"><a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">FontAwesome Icons 3.0</a> <small>Font based</small></h3>
<ul class="icons">
<li><i class="icon-ok text-success"></i><strong>249 unique icons designed for use with Twitter Bootstrap!</strong></li>
<li><i class="icon-ok text-success"></i><strong>Use it with any color or size you like!</strong></li>
</ul>
<h4 class="sub-header">Web Application Icons</h4>
<div class="row-fluid">
<div class="span3">
<ul class="unstyled">
<li><i class="icon-adjust"></i> <code>.icon-adjust</code></li>
<li><i class="icon-asterisk"></i> <code>.icon-asterisk</code></li>
<li><i class="icon-ban-circle"></i> <code>.icon-ban-circle</code></li>
<li><i class="icon-bar-chart"></i> <code>.icon-bar-chart</code></li>
<li><i class="icon-barcode"></i> <code>.icon-barcode</code></li>
<li><i class="icon-beaker"></i> <code>.icon-beaker</code></li>
<li><i class="icon-beer"></i> <code>.icon-beer</code></li>
<li><i class="icon-bell"></i> <code>.icon-bell</code></li>
<li><i class="icon-bell-alt"></i> <code>.icon-bell-alt</code></li>
<li><i class="icon-bolt"></i> <code>.icon-bolt</code></li>
<li><i class="icon-book"></i> <code>.icon-book</code></li>
<li><i class="icon-bookmark"></i> <code>.icon-bookmark</code></li>
<li><i class="icon-bookmark-empty"></i> <code>.icon-bookmark-empty</code></li>
<li><i class="icon-briefcase"></i> <code>.icon-briefcase</code></li>
<li><i class="icon-bullhorn"></i> <code>.icon-bullhorn</code></li>
<li><i class="icon-calendar"></i> <code>.icon-calendar</code></li>
<li><i class="icon-camera"></i> <code>.icon-camera</code></li>
<li><i class="icon-camera-retro"></i> <code>.icon-camera-retro</code></li>
<li><i class="icon-certificate"></i> <code>.icon-certificate</code></li>
<li><i class="icon-check"></i> <code>.icon-check</code></li>
<li><i class="icon-check-empty"></i> <code>.icon-check-empty</code></li>
<li><i class="icon-circle"></i> <code>.icon-circle</code></li>
<li><i class="icon-circle-blank"></i> <code>.icon-circle-blank</code></li>
<li><i class="icon-cloud"></i> <code>.icon-cloud</code></li>
<li><i class="icon-cloud-download"></i> <code>.icon-cloud-download</code></li>
<li><i class="icon-cloud-upload"></i> <code>.icon-cloud-upload</code></li>
<li><i class="icon-coffee"></i> <code>.icon-coffee</code></li>
<li><i class="icon-cog"></i> <code>.icon-cog</code></li>
<li><i class="icon-cogs"></i> <code>.icon-cogs</code></li>
<li><i class="icon-comment"></i> <code>.icon-comment</code></li>
<li><i class="icon-comment-alt"></i> <code>.icon-comment-alt</code></li>
<li><i class="icon-comments"></i> <code>.icon-comments</code></li>
<li><i class="icon-comments-alt"></i> <code>.icon-comments-alt</code></li>
<li><i class="icon-credit-card"></i> <code>.icon-credit-card</code></li>
<li><i class="icon-dashboard"></i> <code>.icon-dashboard</code></li>
<li><i class="icon-desktop"></i> <code>.icon-desktop</code></li>
<li><i class="icon-download"></i> <code>.icon-download</code></li>
<li><i class="icon-download-alt"></i> <code>.icon-download-alt</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-edit"></i> <code>.icon-edit</code></li>
<li><i class="icon-envelope"></i> <code>.icon-envelope</code></li>
<li><i class="icon-envelope-alt"></i> <code>.icon-envelope-alt</code></li>
<li><i class="icon-exchange"></i> <code>.icon-exchange</code></li>
<li><i class="icon-exclamation-sign"></i> <code>.icon-exclamation-sign</code></li>
<li><i class="icon-external-link"></i> <code>.icon-external-link</code></li>
<li><i class="icon-eye-close"></i> <code>.icon-eye-close</code></li>
<li><i class="icon-eye-open"></i> <code>.icon-eye-open</code></li>
<li><i class="icon-facetime-video"></i> <code>.icon-facetime-video</code></li>
<li><i class="icon-fighter-jet"></i> <code>.icon-fighter-jet</code></li>
<li><i class="icon-film"></i> <code>.icon-film</code></li>
<li><i class="icon-filter"></i> <code>.icon-filter</code></li>
<li><i class="icon-fire"></i> <code>.icon-fire</code></li>
<li><i class="icon-flag"></i> <code>.icon-flag</code></li>
<li><i class="icon-folder-close"></i> <code>.icon-folder-close</code></li>
<li><i class="icon-folder-open"></i> <code>.icon-folder-open</code></li>
<li><i class="icon-folder-close-alt"></i> <code>.icon-folder-close-alt</code></li>
<li><i class="icon-folder-open-alt"></i> <code>.icon-folder-open-alt</code></li>
<li><i class="icon-food"></i> <code>.icon-food</code></li>
<li><i class="icon-gift"></i> <code>.icon-gift</code></li>
<li><i class="icon-glass"></i> <code>.icon-glass</code></li>
<li><i class="icon-globe"></i> <code>.icon-globe</code></li>
<li><i class="icon-group"></i> <code>.icon-group</code></li>
<li><i class="icon-hdd"></i> <code>.icon-hdd</code></li>
<li><i class="icon-headphones"></i> <code>.icon-headphones</code></li>
<li><i class="icon-heart"></i> <code>.icon-heart</code></li>
<li><i class="icon-heart-empty"></i> <code>.icon-heart-empty</code></li>
<li><i class="icon-home"></i> <code>.icon-home</code></li>
<li><i class="icon-inbox"></i> <code>.icon-inbox</code></li>
<li><i class="icon-info-sign"></i> <code>.icon-info-sign</code></li>
<li><i class="icon-key"></i> <code>.icon-key</code></li>
<li><i class="icon-leaf"></i> <code>.icon-leaf</code></li>
<li><i class="icon-laptop"></i> <code>.icon-laptop</code></li>
<li><i class="icon-legal"></i> <code>.icon-legal</code></li>
<li><i class="icon-lemon"></i> <code>.icon-lemon</code></li>
<li><i class="icon-lightbulb"></i> <code>.icon-lightbulb</code></li>
<li><i class="icon-lock"></i> <code>.icon-lock</code></li>
<li><i class="icon-unlock"></i> <code>.icon-unlock</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-magic"></i> <code>.icon-magic</code></li>
<li><i class="icon-magnet"></i> <code>.icon-magnet</code></li>
<li><i class="icon-map-marker"></i> <code>.icon-map-marker</code></li>
<li><i class="icon-minus"></i> <code>.icon-minus</code></li>
<li><i class="icon-minus-sign"></i> <code>.icon-minus-sign</code></li>
<li><i class="icon-mobile-phone"></i> <code>.icon-mobile-phone</code></li>
<li><i class="icon-money"></i> <code>.icon-money</code></li>
<li><i class="icon-move"></i> <code>.icon-move</code></li>
<li><i class="icon-music"></i> <code>.icon-music</code></li>
<li><i class="icon-off"></i> <code>.icon-off</code></li>
<li><i class="icon-ok"></i> <code>.icon-ok</code></li>
<li><i class="icon-ok-circle"></i> <code>.icon-ok-circle</code></li>
<li><i class="icon-ok-sign"></i> <code>.icon-ok-sign</code></li>
<li><i class="icon-pencil"></i> <code>.icon-pencil</code></li>
<li><i class="icon-picture"></i> <code>.icon-picture</code></li>
<li><i class="icon-plane"></i> <code>.icon-plane</code></li>
<li><i class="icon-plus"></i> <code>.icon-plus</code></li>
<li><i class="icon-plus-sign"></i> <code>.icon-plus-sign</code></li>
<li><i class="icon-print"></i> <code>.icon-print</code></li>
<li><i class="icon-pushpin"></i> <code>.icon-pushpin</code></li>
<li><i class="icon-qrcode"></i> <code>.icon-qrcode</code></li>
<li><i class="icon-question-sign"></i> <code>.icon-question-sign</code></li>
<li><i class="icon-quote-left"></i> <code>.icon-quote-left</code></li>
<li><i class="icon-quote-right"></i> <code>.icon-quote-right</code></li>
<li><i class="icon-random"></i> <code>.icon-random</code></li>
<li><i class="icon-refresh"></i> <code>.icon-refresh</code></li>
<li><i class="icon-remove"></i> <code>.icon-remove</code></li>
<li><i class="icon-remove-circle"></i> <code>.icon-remove-circle</code></li>
<li><i class="icon-remove-sign"></i> <code>.icon-remove-sign</code></li>
<li><i class="icon-reorder"></i> <code>.icon-reorder</code></li>
<li><i class="icon-reply"></i> <code>.icon-reply</code></li>
<li><i class="icon-resize-horizontal"></i> <code>.icon-resize-horizontal</code></li>
<li><i class="icon-resize-vertical"></i> <code>.icon-resize-vertical</code></li>
<li><i class="icon-retweet"></i> <code>.icon-retweet</code></li>
<li><i class="icon-road"></i> <code>.icon-road</code></li>
<li><i class="icon-rss"></i> <code>.icon-rss</code></li>
<li><i class="icon-screenshot"></i> <code>.icon-screenshot</code></li>
<li><i class="icon-search"></i> <code>.icon-search</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-share"></i> <code>.icon-share</code></li>
<li><i class="icon-share-alt"></i> <code>.icon-share-alt</code></li>
<li><i class="icon-shopping-cart"></i> <code>.icon-shopping-cart</code></li>
<li><i class="icon-signal"></i> <code>.icon-signal</code></li>
<li><i class="icon-signin"></i> <code>.icon-signin</code></li>
<li><i class="icon-signout"></i> <code>.icon-signout</code></li>
<li><i class="icon-sitemap"></i> <code>.icon-sitemap</code></li>
<li><i class="icon-sort"></i> <code>.icon-sort</code></li>
<li><i class="icon-sort-down"></i> <code>.icon-sort-down</code></li>
<li><i class="icon-sort-up"></i> <code>.icon-sort-up</code></li>
<li><i class="icon-spinner"></i> <code>.icon-spinner</code></li>
<li><i class="icon-star"></i> <code>.icon-star</code></li>
<li><i class="icon-star-empty"></i> <code>.icon-star-empty</code></li>
<li><i class="icon-star-half"></i> <code>.icon-star-half</code></li>
<li><i class="icon-tablet"></i> <code>.icon-tablet</code></li>
<li><i class="icon-tag"></i> <code>.icon-tag</code></li>
<li><i class="icon-tags"></i> <code>.icon-tags</code></li>
<li><i class="icon-tasks"></i> <code>.icon-tasks</code></li>
<li><i class="icon-thumbs-down"></i> <code>.icon-thumbs-down</code></li>
<li><i class="icon-thumbs-up"></i> <code>.icon-thumbs-up</code></li>
<li><i class="icon-time"></i> <code>.icon-time</code></li>
<li><i class="icon-tint"></i> <code>.icon-tint</code></li>
<li><i class="icon-trash"></i> <code>.icon-trash</code></li>
<li><i class="icon-trophy"></i> <code>.icon-trophy</code></li>
<li><i class="icon-truck"></i> <code>.icon-truck</code></li>
<li><i class="icon-umbrella"></i> <code>.icon-umbrella</code></li>
<li><i class="icon-upload"></i> <code>.icon-upload</code></li>
<li><i class="icon-upload-alt"></i> <code>.icon-upload-alt</code></li>
<li><i class="icon-user"></i> <code>.icon-user</code></li>
<li><i class="icon-user-md"></i> <code>.icon-user-md</code></li>
<li><i class="icon-volume-off"></i> <code>.icon-volume-off</code></li>
<li><i class="icon-volume-down"></i> <code>.icon-volume-down</code></li>
<li><i class="icon-volume-up"></i> <code>.icon-volume-up</code></li>
<li><i class="icon-warning-sign"></i> <code>.icon-warning-sign</code></li>
<li><i class="icon-wrench"></i> <code>.icon-wrench</code></li>
<li><i class="icon-zoom-in"></i> <code>.icon-zoom-in</code></li>
<li><i class="icon-zoom-out"></i> <code>.icon-zoom-out</code></li>
</ul>
</div>
</div>
<h4 class="sub-header">Text Editor Icons</h4>
<div class="row-fluid">
<div class="span3">
<ul class="unstyled">
<li><i class="icon-file"></i> <code>.icon-file</code></li>
<li><i class="icon-file-alt"></i> <code>.icon-file-alt</code></li>
<li><i class="icon-cut"></i> <code>.icon-cut</code></li>
<li><i class="icon-copy"></i> <code>.icon-copy</code></li>
<li><i class="icon-paste"></i> <code>.icon-paste</code></li>
<li><i class="icon-save"></i> <code>.icon-save</code></li>
<li><i class="icon-undo"></i> <code>.icon-undo</code></li>
<li><i class="icon-repeat"></i> <code>.icon-repeat</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-text-height"></i> <code>.icon-text-height</code></li>
<li><i class="icon-text-width"></i> <code>.icon-text-width</code></li>
<li><i class="icon-align-left"></i> <code>.icon-align-left</code></li>
<li><i class="icon-align-center"></i> <code>.icon-align-center</code></li>
<li><i class="icon-align-right"></i> <code>.icon-align-right</code></li>
<li><i class="icon-align-justify"></i> <code>.icon-align-justify</code></li>
<li><i class="icon-indent-left"></i> <code>.icon-indent-left</code></li>
<li><i class="icon-indent-right"></i> <code>.icon-indent-right</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-font"></i> <code>.icon-font</code></li>
<li><i class="icon-bold"></i> <code>.icon-bold</code></li>
<li><i class="icon-italic"></i> <code>.icon-italic</code></li>
<li><i class="icon-strikethrough"></i> <code>.icon-strikethrough</code></li>
<li><i class="icon-underline"></i> <code>.icon-underline</code></li>
<li><i class="icon-link"></i> <code>.icon-link</code></li>
<li><i class="icon-paper-clip"></i> <code>.icon-paper-clip</code></li>
<li><i class="icon-columns"></i> <code>.icon-columns</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-table"></i> <code>.icon-table</code></li>
<li><i class="icon-th-large"></i> <code>.icon-th-large</code></li>
<li><i class="icon-th"></i> <code>.icon-th</code></li>
<li><i class="icon-th-list"></i> <code>.icon-th-list</code></li>
<li><i class="icon-list"></i> <code>.icon-list</code></li>
<li><i class="icon-list-ol"></i> <code>.icon-list-ol</code></li>
<li><i class="icon-list-ul"></i> <code>.icon-list-ul</code></li>
<li><i class="icon-list-alt"></i> <code>.icon-list-alt</code></li>
</ul>
</div>
</div>
<h4 class="sub-header">Directional Icons</h4>
<div class="row-fluid">
<div class="span3">
<ul class="unstyled">
<li><i class="icon-angle-left"></i> <code>.icon-angle-left</code></li>
<li><i class="icon-angle-right"></i> <code>.icon-angle-right</code></li>
<li><i class="icon-angle-up"></i> <code>.icon-angle-up</code></li>
<li><i class="icon-angle-down"></i> <code>.icon-angle-down</code></li>
<li><i class="icon-arrow-down"></i> <code>.icon-arrow-down</code></li>
<li><i class="icon-arrow-left"></i> <code>.icon-arrow-left</code></li>
<li><i class="icon-arrow-right"></i> <code>.icon-arrow-right</code></li>
<li><i class="icon-arrow-up"></i> <code>.icon-arrow-up</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-caret-down"></i> <code>.icon-caret-down</code></li>
<li><i class="icon-caret-left"></i> <code>.icon-caret-left</code></li>
<li><i class="icon-caret-right"></i> <code>.icon-caret-right</code></li>
<li><i class="icon-caret-up"></i> <code>.icon-caret-up</code></li>
<li><i class="icon-chevron-down"></i> <code>.icon-chevron-down</code></li>
<li><i class="icon-chevron-left"></i> <code>.icon-chevron-left</code></li>
<li><i class="icon-chevron-right"></i> <code>.icon-chevron-right</code></li>
<li><i class="icon-chevron-up"></i> <code>.icon-chevron-up</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-circle-arrow-down"></i> <code>.icon-circle-arrow-down</code></li>
<li><i class="icon-circle-arrow-left"></i> <code>.icon-circle-arrow-left</code></li>
<li><i class="icon-circle-arrow-right"></i> <code>.icon-circle-arrow-right</code></li>
<li><i class="icon-circle-arrow-up"></i> <code>.icon-circle-arrow-up</code></li>
<li><i class="icon-double-angle-left"></i> <code>.icon-double-angle-left</code></li>
<li><i class="icon-double-angle-right"></i> <code>.icon-double-angle-right</code></li>
<li><i class="icon-double-angle-up"></i> <code>.icon-double-angle-up</code></li>
<li><i class="icon-double-angle-down"></i> <code>.icon-double-angle-down</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-hand-down"></i> <code>.icon-hand-down</code></li>
<li><i class="icon-hand-left"></i> <code>.icon-hand-left</code></li>
<li><i class="icon-hand-right"></i> <code>.icon-hand-right</code></li>
<li><i class="icon-hand-up"></i> <code>.icon-hand-up</code></li>
<li><i class="icon-circle"></i> <code>.icon-circle</code></li>
<li><i class="icon-circle-blank"></i> <code>.icon-circle-blank</code></li>
</ul>
</div>
</div>
<h4 class="sub-header">Video Player Icons</h4>
<div class="row-fluid">
<div class="span3">
<ul class="unstyled">
<li><i class="icon-play-circle"></i> <code>.icon-play-circle</code></li>
<li><i class="icon-play"></i> <code>.icon-play</code></li>
<li><i class="icon-pause"></i> <code>.icon-pause</code></li>
<li><i class="icon-stop"></i> <code>.icon-stop</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-step-backward"></i> <code>.icon-step-backward</code></li>
<li><i class="icon-fast-backward"></i> <code>.icon-fast-backward</code></li>
<li><i class="icon-backward"></i> <code>.icon-backward</code></li>
<li><i class="icon-forward"></i> <code>.icon-forward</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-fast-forward"></i> <code>.icon-fast-forward</code></li>
<li><i class="icon-step-forward"></i> <code>.icon-step-forward</code></li>
<li><i class="icon-eject"></i> <code>.icon-eject</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-fullscreen"></i> <code>.icon-fullscreen</code></li>
<li><i class="icon-resize-full"></i> <code>.icon-resize-full</code></li>
<li><i class="icon-resize-small"></i> <code>.icon-resize-small</code></li>
</ul>
</div>
</div>
<h4 class="sub-header">Social Icons</h4>
<div class="row-fluid">
<div class="span3">
<ul class="unstyled">
<li><i class="icon-phone"></i> <code>.icon-phone</code></li>
<li><i class="icon-phone-sign"></i> <code>.icon-phone-sign</code></li>
<li><i class="icon-facebook"></i> <code>.icon-facebook</code></li>
<li><i class="icon-facebook-sign"></i> <code>.icon-facebook-sign</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-twitter"></i> <code>.icon-twitter</code></li>
<li><i class="icon-twitter-sign"></i> <code>.icon-twitter-sign</code></li>
<li><i class="icon-github"></i> <code>.icon-github</code></li>
<li><i class="icon-github-alt"></i> <code>.icon-github-alt</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-github-sign"></i> <code>.icon-github-sign</code></li>
<li><i class="icon-linkedin"></i> <code>.icon-linkedin</code></li>
<li><i class="icon-linkedin-sign"></i> <code>.icon-linkedin-sign</code></li>
<li><i class="icon-pinterest"></i> <code>.icon-pinterest</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-pinterest-sign"></i> <code>.icon-pinterest-sign</code></li>
<li><i class="icon-google-plus"></i> <code>.icon-google-plus</code></li>
<li><i class="icon-google-plus-sign"></i> <code>.icon-google-plus-sign</code></li>
<li><i class="icon-sign-blank"></i> <code>.icon-sign-blank</code></li>
</ul>
</div>
</div>
<h4 class="sub-header">Medical Icons</h4>
<div class="row-fluid">
<div class="span3">
<ul class="unstyled">
<li><i class="icon-ambulance"></i> <code>.icon-ambulance</code></li>
<li><i class="icon-beaker"></i> <code>.icon-beaker</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-h-sign"></i> <code>.icon-h-sign</code></li>
<li><i class="icon-hospital"></i> <code>.icon-hospital</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-medkit"></i> <code>.icon-medkit</code></li>
<li><i class="icon-plus-sign-alt"></i> <code>.icon-plus-sign-alt</code></li>
</ul>
</div>
<div class="span3">
<ul class="unstyled">
<li><i class="icon-stethoscope"></i> <code>.icon-stethoscope</code></li>
<li><i class="icon-user-md"></i> <code>.icon-user-md</code></li>
</ul>
</div>
</div>
</div>
<footer>
<script>var d = new Date(); if (d.getFullYear() === 2013) { document.write('2013'); } else { document.write('2013-' + d.getFullYear()); }</script> &copy; <strong>uAdmin 1.0</strong> - Crafted with <i class="icon-heart"></i> by <strong><a href="http://themeforest.net/user/pixelcave/portfolio?ref=pixelcave" target="_blank">pixelcave</a></strong>
</footer>
</div>
</div>
<a href="#" id="to-top"><i class="icon-chevron-up"></i></a>
<div id="modal-user-settings" class="modal hide">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4>Profile Settings</h4>
</div>
<div class="modal-body">
<ul id="example-user-tabs" class="nav nav-tabs">
<li class="active"><a href="#example-user-tabs-account"><i class="icon-cogs"></i> Account</a></li>
<li><a href="#example-user-tabs-profile"><i class="icon-user"></i> Profile</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="example-user-tabs-account">
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Success!</strong> Password changed!
</div>
<form class="form-horizontal" />
<div class="control-group">
<label class="control-label" for="example-user-username">Username</label>
<div class="controls">
<input type="text" id="example-user-username" class="disabled" value="administrator" disabled="" />
<span class="help-block">You can't change your username!</span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-pass">Password</label>
<div class="controls">
<input type="password" id="example-user-pass" />
<span class="help-block">if you want to change your password enter your current for confirmation!</span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-newpass">New Password</label>
<div class="controls">
<input type="password" id="example-user-newpass" />
</div>
</div>
</form>
</div>
<div class="tab-pane" id="example-user-tabs-profile">
<h5 class="page-header-sub hidden-phone">Image</h5>
<div class="form-horizontal hidden-phone">
<div class="control-group">
<img src="img/placeholders/image_dark_120x120.png" alt="image" />
</div>
<div class="control-group">
<form action="index.php" class="dropzone" />
<div class="fallback">
<input name="file" type="file" />
</div>
</form>
</div>
</div>
<form class="form-horizontal" />
<h5 class="page-header-sub">Details</h5>
<div class="control-group">
<label class="control-label" for="example-user-firstname">Firstname</label>
<div class="controls">
<input type="text" id="example-user-firstname" value="John" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-lastname">Lastname</label>
<div class="controls">
<input type="text" id="example-user-lastname" value="Doe" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-gender">Gender</label>
<div class="controls">
<select id="example-user-gender">
<option />Male
<option />Female
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-birthdate">Birthdate</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-birthdate" class="input-small input-datepicker" />
<span class="add-on"><i class="icon-calendar"></i></span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-skills">Skills</label>
<div class="controls">
<select id="example-user-skills" multiple="multiple" class="select-chosen">
<option selected="" />html
<option selected="" />css
<option />javascript
<option />php
<option />mysql
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-bio">Bio</label>
<div class="controls">
<textarea id="example-user-bio" class="textarea-elastic" rows="3">Bio Information..</textarea>
</div>
</div>
<h5 class="page-header-sub">Social</h5>
<div class="control-group">
<label class="control-label" for="example-user-fb">Facebook</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-fb" />
<span class="add-on"><i class="icon-facebook"></i></span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-twitter">Twitter</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-twitter" />
<span class="add-on"><i class="icon-twitter"></i></span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-pinterest">Pinterest</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-pinterest" />
<span class="add-on"><i class="icon-pinterest"></i></span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-github">Github</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-github" />
<span class="add-on"><i class="icon-github"></i></span>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-danger" data-dismiss="modal"><i class="icon-remove"></i> Close</button>
<button class="btn btn-success"><i class="icon-spinner icon-spin"></i> Save changes</button>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/vendor/jquery-1.8.3.min.js"%3E%3C/script%3E'));</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script><script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-16158021-6']);
  _gaq.push(['_setDomainName', 'pixelcave.com']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
</body>
</html>